<template>
  <el-select>
    <el-option v-for="item in difficultyList" :label="item.difficultyName" :value="item.difficulty"/>
  </el-select>
</template>

<script setup>
import { reactive } from 'vue'

const difficultyList = reactive([
  {
    difficulty: 1,
    difficultyName: "简单",
    color: "#3EC8FF"  
  },
  {
    difficulty: 2,
    difficultyName: "中等",
    color: "#FE7909"  
  },
  {
    difficulty: 3,
    difficultyName: "困难",
    color: "#FD4C40"  
  }
]) 
</script>